<!DOCTYPE html> 
<html> 

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

  <title>NYPCC mobile</title>

  <!-- Style sheets -->
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
  <link rel="stylesheet" type="text/css" href="js/add2home.css" />
  <style type="text/css">
    iframe {background:white;}
    body .ui-footer .ui-title { white-space: normal; }
    body .ui-li .ui-li-desc { white-space: normal; }
    body .ui-li-static.ui-li { padding-right: 15px; }
    img { width: 100%; max-width: 400px; }
  </style>
  
  <!-- JQuery and Javascript -->
  <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script>
    $(document).bind("mobileinit", function () {
      $.mobile.defaultPageTransition = 'fade';
    });
  </script>
  <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
  <script type="text/javascript" src="js/add2home.js"></script>

  <!-- Apple iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes" />

  <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/icons/57.png" />
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/icons/72.png" />
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/icons/114.png" />
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/icons/144.png" />
  <link rel="apple-touch-icon-precomposed" href="icon.png" />
  
  <link rel="apple-touch-startup-image" href="images/splash/320x460.png" />

  <!-- Google Analytics -->
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-6649940-1']);
    _gaq.push(['_trackPageview']);
    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  </script>
  
</head> 

<body>

<div data-role="page" data-theme="d" id="home">
  <div data-role="header" data-theme="b">
    <h1>NYPCC mobile</h1>
    <a href="#about" data-icon="info" data-iconpos="notext" class="ui-btn-right">About</a>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-inset="true" data-theme="d">
      <li data-role="list-divider">Meet the Commissioner</li>
      <li><a href="#whoami"><img src="images/work.png" class="ui-li-icon">About the Commissioner</a></li>
      <li><a href="#contact"><img src="images/contact.png" class="ui-li-icon">Get in touch</a></li>
    </ul>
    <ul data-role="listview" data-inset="true" data-theme="d">
	<li data-role="list-divider">Victims' Charter</li>
      <li><a href="#charter"><img src="images/crime-prevention.png" class="ui-li-icon">About the Charter</a></li>
	  <li><a href="#survey"><img src="images/survey.png" class="ui-li-icon">Victims' Charter survey</a></li>
    </ul>
    <ul data-role="listview" data-inset="true" data-theme="d">
	<li data-role="list-divider">North Yorkshire Police</li>
      <li><a href="html/contact.html"><img src="images/contact.png" class="ui-li-icon">Contact the police</a></li>
	  <li><a href="html/maps.html"><img src="images/maps.png" class="ui-li-icon">Crime maps</a></li>
    </ul>	
    <ul data-role="listview" data-inset="true" data-theme="d">
      <li data-role="list-divider">More from the Commissioner</li>
      <li><a href="http://www.facebook.com/northyorkspcc"><img src="images/facebook.png" class="ui-li-icon">Facebook</a></li>
      <li><a href="http://www.twitter.com/northyorkspcc"><img src="images/twitter.png" class="ui-li-icon">Twitter</a></li>
	  <li><a href="http://www.youtube.com/nypcc"><img src="images/youtube.png" class="ui-li-icon">YouTube</a></li>
    </ul>
  </div>
</div>

<div data-role="page" data-theme="d" data-add-back-btn="true" id="whoami">
  <div data-role="header" data-theme="b">
    <h1>About the Commissioner</h1>
  </div>
  <div data-role="content">
	<p><b>Julia Mulligan</b></p>
    <p>I believe I have the experience and skills to do a good job for local people. My focus will be to draw up a police and crime plan that truly reflects the needs of our communities, and then to hold the police to account in delivering that plan. However, the job is far broader than scrutinising the police. I have expertise that will help me work with the wider public sector in North Yorkshire and the City of York to help bring down crime and improve lives.</p>
    <p>My career began in the car industry working for Trimoco in Leeds; she then moved to London where she worked for two publishing companies, one called Kogan Page, the other Ziff Davis (now taken over). She has also worked for several companies within the WPP Group and held a 12-month contract as Marketing Director of the Racing Post to develop a strategy to counteract a rival launch.</p>
    <p>Over the course of my career, I have been responsible for multimillion pound, global projects working out of London, the USA, Sydney and Melbourne for organisations including McKinsey & Company, the NHS, Department of Health, Ford Motor Company and Telstra Telecommunications (the equivalent of BT in Australia).</p>
    <p>My interest is in policing and crime prevention more widely - because of the effects it has on people and victims. Through my work, I have spent a considerable amount of time in the homes and communities of people (particularly vulnerable people) affected by crime.</p>
    <p>All of this means that I have a comprehensive range of skills that will equip me to do the job of Police and Crime Commissioner, including driving organisational change, robust financial management, public and employee engagement and most importantly of all an understanding of the effects of crime and anti-social behaviour on people and local communities.</p>
    <p>I grew up in the Washburn Valley on a hill farm near Harrogate and went to school in Harrogate until my father set up a business in the North East. This prompted a move for me and my family to Ravensworth near Richmond, where I spent her teenage years before going to University. At University, I studied Economics, gaining a 2.1 BSc(Econ) Honours degree. I currently lives near Skipton with my husband Patrick, my two daughters aged 10 and 11 and our family dog, a black working cocker spaniel called Pops.</p>
  </div>
</div>

<div data-role="page" data-theme="d" data-add-back-btn="true" id="contact">
  <div data-role="header" data-theme="b">
    <h1>Contact</h1>
  </div>
  <div data-role="content">
    <p>There are many ways that you can get in touch with the Commissioner.</p>
    <div data-role="collapsible-set">
      <div data-role="collapsible" data-collapsed="true"> 
        <h2>Phone</h2>
        <p>Phone during normal office hours: 01765 641839.</p>
      </div>
      <div data-role="collapsible" data-collapsed="true"> 
        <h2>Email</h2>
        <p>Email the <a href="mailto:pcc@northyorkshire-pcc.gov.uk">Commissioner</a> or her <a href="mailto:info@northyorkshire-pcc.gov.uk">Office</a>.</p>
      </div>
      <div data-role="collapsible" data-collapsed="true"> 
        <h2>Post</h2>
        <p>Write to the Office of the Police and Crime Commissioner, PO Box 106, Ripon, HG4 5WA.</p>
      </div>
	</div>
	<p>For police enquiries (for example, to contact an officer or police station) or to report a crime or other incident, please contact North Yorkshire Police.</p>
	<ul data-role="listview" data-inset="true" data-theme="d">
	  <li><a href="html/contact.html"><img src="images/contact.png" class="ui-li-icon">Contact North Yorkshire Police</a></li>
	</ul>
  </div>
</div>

<div data-role="page" data-theme="d" data-add-back-btn="true" id="charter">
  <div data-role="header" data-theme="b">
    <h1>Victims' Charter</h1>
  </div>
  <div data-role="content">
    <p>This page is under construction. Check back soon!</p>
  </div>
</div>

<div data-role="page" data-theme="d" data-add-back-btn="false" id="survey">
  <div data-role="header" data-theme="b">
    <a href="#home" data-icon="home" data-direction="reverse" data-iconpos="left" class="ui-btn-left">Home</a>
	<h1>Survey</h1>
  </div>
    <div data-role="content" data-theme="none" style="padding:0px;"> 
      <iframe src="http://www.surveymonkey.com/s/SSXSX5K" style="width: 100%; height:600px" frameborder=0></iframe> 
    </div>
</div>

<div data-role="page" data-theme="d" data-add-back-btn="true" id="about">
  <div data-role="header" data-theme="b">
    <h1>About</h1>
  </div>
  <div data-role="content" data-theme="d">  
    <p>NYPCC mobile was developed by North Yorkshire Police, using the following technologies:
    <ul data-role="listview" data-inset="true" data-theme="d">
      <li>JQuery 1.7.1</li>
      <li>JQuery Mobile 1.1.1</li>
      <li>add2home 1.0.1</li>
    </ul>
    </p>
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="d">
      <li><a href="mailto:tom.stirling@northyorkshire.pnn.police.uk?subject=NYPCC mobile feedback">Email feedback</a></li>
    </ul>
  </div>
</div>

</body>
</html>
